import React,{ memo } from "react";
import { useRoutes } from 'react-router-dom';

import routes from "@/rooter";
import AppHeader from "@/components/app-header";
import AppFooter from "@/components/app-footer";
/**
 * @type {React.NamedExoticComponent<object>}
 */
const App = memo(() => {
    return (
        <div className='app'>
            <AppHeader />
            <div>
                {useRoutes(routes)}
            </div>
            <AppFooter />
        </div>
    )
})
export default App
